<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web</title>
    <link type="text/css"rel="stylesheet"href="style.css">
</head>
<body>
<nav>
<a href=" ">博客园</a >
<a href="#">首页</a >
<a href="#">新随笔</a >
<a href="#">草稿箱</a >
<a href="#">联系</a >
<a href="#">订阅</a >
<a href="#">管理</a >
<a href="#">CSDN主页</a >
</nav>
<div class="main">
<div class="header-section">
    <img src="20150210123104_hW5zX.jpeg" height="563" width="1000"/>
    <div class="user-info">
    <img src="6049d203da2e38ce1dbb1460e070b668_6263945874135273605.png" height="930" width="1444"/><span>Klee</span>
<button>+ 关注</button>
</div>
<div class="tabs">
<span>收藏</span>
<span>闪存</span>
<span>小组</span>
<span>博问</span>
</div>
</div>
<div class="blog-previews">
<div class="blog">
<h3>博客园博客申请教程，附自定义漂亮主页样式详细教程---2024</h3>
<p>摘要：最近在自定义博客园主题页面样式时，遇到一些问题。所以决定写下此文作为第一篇博客。</p >
<div class="actions">
<span>6 评论 0 点赞 0</span>
<button>编辑</button>
<button>阅读</button>
</div>
</div>
<div class="blog">
<h3>一名ICer的博客开帖记录</h3>
<p>摘要：前言 看园子内容已有3 - 4年之久，虽然对于一名ICer来说，园子内容偏少。</p >
<div class="actions">
<span>5 评论 0 点赞 0</span>
<button>编辑</button>
<button>阅读</button>
</div>
</div>
</div>
</div>
<aside>
    <img src="1663065707095684.jpg" height="200" width="270"/>
    <div class="calendar">
<table>
<caption>2024年8月</caption>
<tr>
<th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th>
</tr>
<tr>
<td>28</td><td>29</td><td>30</td><td>31</td><td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td>
</tr>
<tr>
<td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td>
</tr>
<tr>
<td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td>
</tr>
<tr>
<td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td>
</tr>
</table>
</div>
<div class="links">
<button>我的随笔</button>
<button>我的评论</button>
<button>我的参与</button>
<button>最新评论</button>
<button>我的标签</button>
</div>
</aside>
</body>
</html>